<template>
	<view>
		<!-- 加了fixed -->
		<view class="page_header">
			<view class="status-bar"></view>
			<view class="navtop">
				<image @click="back" src="/static/index/Back_icon.png" mode="widthFix" class="back_icon"></image>
				<text class="balance">每日签到</text>
			</view>
		</view>
		<view class="status-bar"></view>
		<view class="" style="height: 100rpx ;">
		</view>
		
		<view class="sign_top">
			<image src="../../../static/sigin_in/title.png" mode=""></image>
		</view>
		<view class="sign_center">
			<image src="../../../static/sigin_in/sigin_2.png" mode=""></image>
			<view class="sign_center_title">
			第 <text style="font-weight: bold;font-size:62rpx;">{{continuation}}</text> 天
			</view>
			<view class="sign_center_title_1">
				连续签到
			</view>
			<view class="sign_center_title_3">
				签到成功！
			</view>
			<view class="sign_center_title_4">
				薪聚力值增加<text style="color: #CE20ED;">{{zhaungtai.award}}</text>点
			</view>
			<view class="sigin_button">
				已签到
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				zhaungtai:'',
				continuation:''
			}
		},
		onLoad(option) {
			var self=this
			self.zhaungtai=option
			console.log(option)
			self.continuation=parseInt(option.continuation)+1
		},
		methods: {
			goqiandaowancheng(){
				uni.navigateTo({
					url:"./Sign_in1"
				})
			},
			back(){
				uni.navigateBack({
					delta:2
				})
			},
		}
	}
</script>

<style lang="less">
	page{
		background-color: #7322D8;
	}
	.sign_top{
		width: 750rpx;
		height: 150rpx;
		background-color: #7322D8;
		display: flex;
		align-items: center;
		justify-content: center;
		image{
			width: 520rpx;
			height: 46rpx;
		}
	}
	.sign_center{
		height: 970rpx;
		width: 750rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		image{
			width: 720rpx;
			height: 100%;
		}
		.sign_center_title{
			font-size:36rpx;
			font-family:PingFang SC;
			color:rgba(116,34,216,1);
			position: absolute;
			top:230rpx; 
		}
		.sign_center_title_1{
			position: absolute;
			top:310rpx;
			font-size:24rpx;
			font-family:FZHei-B01S;
			color:#2E2E2E;
		}
		.sign_center_title_3{
			font-size:50rpx;
			font-family:PingFang SC;
			font-weight:bold;
			color:rgba(206,32,237,1);
			position: absolute;
			top: 490rpx;
		}
		.sign_center_title_2{
			position: absolute;
			top:430rpx;
			font-size:30px;
			font-family:FZHei-B01S;
			font-weight:bold;
			color:rgba(49,49,49,1);
		}
		.sign_center_title_4{
			position: absolute;
			top:570rpx;
			font-size:36rpx;
			font-family:PingFang SC;
			color:rgba(142,142,142,1);
		}
		.diandao_sigin{
			width: 630rpx;
			height: 120rpx;
			position: absolute;
			top: 650rpx;
			display: flex;
			justify-content: space-between;
			.diandao_sigin_txt{
				width: 71rpx;
				height: 120rpx;
				font-size: 24rpx;
				display: flex;
				flex-wrap: wrap;
				flex-direction: column;
				justify-content: space-between;
				image{
					width: 70rpx;
					height: 70rpx;
				}
			}
		}
	}
	.sigin_button{
		width:630rpx;
		height:90rpx;
		background:rgba(115,34,216,1);
		box-shadow:0px 0px 18rpx 2rpx rgba(115,34,216,0.3);
		border-radius:20rpx;
		position: absolute;
		top: 830rpx;
		font-size:38rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(255,255,255,1);
		text-align: center;
		line-height: 90rpx;
	}
</style>
